<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后台管理模板</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="../../css/global.css" media="all">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" href="../../datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
		<style type="text/css">
			table {
				margin: 30px 40px;
			}
		span {
			font-size: smaller;
			color: gray;
			margin-left: 10px;
		}
		.complain_op div{
			margin: 5px ;
		}
		</style>
	</head>
	<body>
		<div class="layui-layout layui-layout-admin" style="border-bottom: solid 5px #1aa094;">
			<!--头部导航-->
			<div class="layui-header header header-demo" ></div>
			<!--左侧导航-->
			<div class="layui-side layui-bg-black" id="admin-side">
			</div>
			<!--右侧具体内容-->
			<div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;padding:20px;margin-bottom: " id="admin-body">
				<div class="title">投诉详情</div>
				<hr/>
				<div style="margin: 20px 300px">
					<table class="layui-table">
						<colgroup>
						<col width="40">
						<col width="80">
						</colgroup>
						<tbody>
							<tr>
								<td>发起人</td>
								<td><img src="../../images/6.jpg"><span>大灰狼</span></td>
							</tr>
							<tr>
								<td>被投诉人</td>
								<td><img src="../../images/xiaosong.jpg"><span>大灰狼</span></td>
							</tr>
							<tr>
								<td>投诉内容</td>
								<td><p>态度超恶劣的balabala一个长一点可以分行的文本段</p></td>
							</tr>
							<tr>
								<td>投诉时间</td>
								<td>2017-7-4 19:03</td>
							</tr>
						</tbody>
					</table>
					<fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px">
						<legend>处理</legend>
						<div class="layui-field-box">
							<div class="complain_op" style="float: left;">
								<div>
									<div class="layui-btn layui-btn-warm layui-btn-small">联络发起人</div><span>电话联系发起人</span>
								</div>
								<div>发起人电话：13978212123</div>
							</div>
							<div class="complain_op" style="float:right;">
								<div>
									<div class="layui-btn layui-btn-danger layui-btn-small">扣除被投诉人信用分</div><span>并通知被投诉人</span>
								</div>
								<div><input type="text" name="" placeholder="输入分数" style="width: 130px">&nbsp;&nbsp;&nbsp;<span class="layui-btn layui-btn-small">提交</span></div>
							</div>
						</div>
					</fieldset>
					<div  style="text-align: center;">
						<span class="layui-btn layui-btn-danger" style="margin:auto">冻结被投诉人账号</span>
					</div>
				</div>
			</div>
			<!--底部导航-->
			<div class="layui-footer footer footer-demo" id="admin-footer"></div>
			<!--JS模块-->
			<script type="text/javascript" src="../../layui/layui.js"></script>
			<script src="../../js/jquery-1.12.3.min.js"></script>
			<script src="../../js/index.js"></script>
			<script src="../../layui/layui.js"></script>
			<script>
			layui.use('form', function(){
			var form = layui.form();
			
			//各种基于事件的操作，下面会有进一步介绍
			// form.render();
			});
			</script>
		</div>
	</body>
</html>